<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>test this</title>
	<style type="text/css">
		.cur {
			cursor:url("css/images/bg_prev.cur"), pointer;
			display:block;
			width:100%;
			height:100%;
			outline:medium none;
		}
#imgShow {
	width:500px;
	height:370px;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#imgShow div.prev {
	width:50%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
}

#imgShow div.next {
	width:50%;
	height:100%;
	top:0;
	right:0;
	position:absolute;
}


#imgShow div.prev a.imgPrev {
	cursor:url("css/images/bg_prev.cur"), pointer;
	display:block;
	width:100%;
	height:100%;
	outline:medium none;
}

#imgShow div.next a.imgNext {
	cursor:url("css/images/bg_next.cur"), auto;
	display:block;
	width:100%;
	height:100%;
	outline:medium none;
}
	</style>
</head>
<body>
	<div id="imgShow">
		<div class="prev">
			<a href="" class="imgPrev" hidefocus="true"></a>
		</div>
		<div class="next">
			<a href="" class="imgNext" hidefocus="true"></a>
		</div>
	</div>
	<!--
	<div style="width:50px;height:50px;">
		<a href="#" class="cur"></a>
	</div>
	-->
</body>
</html>